import React from 'react';
import {NavLink,Outlet} from "react-router-dom";

function My(props) {
    return (
        <div>
            <h3>个人中心</h3>
            {/*完整路径*/}
            {/*<NavLink to={'/my/cart'}>购物车 </NavLink>*/}
            {/*<NavLink to={'/my/collect'}> 我的收藏</NavLink>*/}

            {/*相对路径*/}
            {/*<NavLink to={'cart'}>购物车 </NavLink>*/}

            {/*关于默认路由的配置：情况一*/}
            {/*<NavLink to={'/my'}>购物车 </NavLink>*/}
            {/*<NavLink to={'collect'}> 我的收藏</NavLink>*/}

            <NavLink to={'cart'}>购物车 </NavLink>
            <NavLink to={'collect'}> 我的收藏</NavLink>
            <Outlet/>
        </div>
    );
}

export default My;